<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>C&M-Lab POI-Manager - POI Search Results</title>
<link rel="shortcut icon" type="image/x-icon" href="./images/favicon.ico">
<link rel="stylesheet" type="text/css" href="<%=application.getContextPath()%>/css/global_stylesheet.css">
</head>


<body>
<%-- Layout-fragments  --%>
<%@include file="/header.jspf"%>
<%@include file="/menu.jspf"%>

<h1>results.jsp</h1>

<%-- POI-Search Form: action="search" received by SearchServlet --%>
<form method="GET" action="search">
		
		<input type="submit" value="Search for POIs" />
		<label for="poiCategoryInput"> Enter POI category to filter: </label> <input
				type="text" name="category" id="poiCategoryInput" />
</form>

<%-- POI-Search Results --%>
<table cellspacing="0" cellpadding="0" class="tabelle3" style="table-layout:fixed">
   	<caption align="top">
		Kit Campus Guide - Point Of Interest
	</caption>
	    <tbody>
	    	<tr>
	    		<th>ID</th>
		        <th>Name</th>	        			
		        <th>Category</th>
		        <th>latitude</th>
		        <th>longitude</th>
	    	</tr>
			
			
			<!-- get the Poi-Values from the results List -->
			<c:forEach var="p" items="${results}">
				<tr>
				
				    <td><a href="TO_POI_CONFIG"> <c:out value="${p.id}"/>   </a></td>
				    <td><a href="TO_POI_CONFIG"> <c:out value="${p.name}"/> </a></td>
				    <td><c:out value="${p.category}"/>  </td>
				    <td><c:out value="${p.latitude}"/>  </td>
				    <td><c:out value="${p.longitude}"/> </td>
			
				</tr>
			</c:forEach>
		</tbody>
</table>

<%-- Layout-fragment --%>
<%@include file="/footer.jspf"%>
</body>
</html>